<template>
    <div class="one">
        <div class="top">
            <img src="../../assets/images/problem1.png" alt="" class="top-img1" @click="goback">
            <p class="top-p">{{$t("common.changjianwenti")}}</p>
            <!-- <img src="../../assets/images/problem2.png" alt="" class="top-img2"> -->
        </div>
        <div v-html="content" class="content"></div>
        <!-- <div class="title">
            1.如何选择充值/提现网络？
        </div>
        <div class=" content content1">
            当您在进行充值或者提现时，需要选择正确的充值/提现网络否则可能导致币丢失。简单来说就是：汽车出行选公路，火
            车出行选铁路，坐船出行选水路。出行的方式要和道路相匹配，否则寸步难行。
        </div>
        <div class="content content2">
            那么, 如何选择正确的网络? 在此, 我们将以最常见的数字资产USDT充值为例, 进行操作演示。
        </div>
        <div class="content content3">
            在操作演示正式开始前，需要特别注意：选择充值网络时，其他交易所、钱包的提币/ 提现网络必须与充值的网络保持一致。
            例如, 如果你选择了USDT-ERC20作为充值网络, 那么提币/ 提现网络就必须选择USDT-ERC20, 否则将会导致币丢失。
        </div>
        <div class="content content4">
            同样的道理也适用于提现网络：在选择提现网络时，所选网络须与充值网络一致。
        </div>
        <div class="titlea">
            充值操作演示： 
        </div>
        <div class="content content5">
            打开app首页, 依次选择【资金】, 点击【充值】后选择主网。选择充值网络, 目前支持的USDT网络有: 
            USDT-ERC20、USDT-TRC20 2个。
        </div>
        <img src="../../assets/images/problemone.png" alt="" class="img">
        <div class="content content6">
            您可选择任意一个网络，但请留意，由于每个网络的性能各不相同，充值到账的速度、安全性、手续费等也将会有所区别。
            正如选择不同的道路和出行方式，到达目的地的速度和安全性也不相同。但是，只要选对了道路，就能顺利到达目的地。
        </div>
        <div class="content content7">
            以目前比较常见的两个USDT网络为例: USDT-TRC20速度快、手续费低, 适合小额充值/提现, 而USDT-ERC20则相对安全, 但到账时间比较慢, 而且手续费高, 适合较大额充值/提现。
        </div>
        <div class="content content8">
            选择好充值网络后，您可直接复制充值地址。打开其他平台或钱包，选择提币（提现）后，将复制好的充值地址粘贴到相应栏位，按照提示填好相关信息并按确认，即可完成充值操作。
        </div> -->
    </div>
  
</template>

<script>
export default {
    data() {
        return {
            content:''
        }
    },
    async activated(){
        const ret = await this.$http({
            url: '/system/articleManagement/getArticleManagement',
            method: 'post',
            data: {
                "articleTypeCode": "1563385493535264458",
            }
        })
        if(ret.data.code === 0){
            console.log(ret.data.data)
            this.content = ret.data.data[this.$route.query.id].textContent
        }
    },
    async created(){
        console.log(this.$route.query.id)
    },
    methods:{
        goback(){
            this.$router.go('-1')
        },
    }
}
</script>

<style scoped lang="scss">
.one{
    margin: 0;
    padding: 0;
    .top{
        height: 11.73vw;
        width: 100vw;
        background-color: #090A1B;
        display: flex;
        // justify-content: space-between;
        align-items: center;
        //font-family: Microsoft Yahei;
        .top-img1{
            height: 5.3vw;
            width: 5.3vw;
            left: 2.4vw;
            position: absolute;
        }
        .top-p{
            font-size: 4.8vw;
            color: rgba(255, 255, 255, 100);
            letter-spacing: 0.2vw;
            margin: 0 auto;
        }
        // .top-img2{
        //     height: 5.3vw;
        //     width: 5.3vw;
        //     margin-right: 3.2vw;
        // }
    }
    // .title{
    //     height: 6.13vw;
    //     color: rgba(255, 255, 255, 100);
    //     font-size: 4.26vw;
    //     text-align: left;
    //     font-family: PingFangSC-regular;
    //     margin-top: 4.26vw;
    //     margin-left: 4.26vw;
    //     letter-spacing: 0.1vw;
    // }
    .content{
        color: rgba(255, 255, 255, 100);
        text-align: left;
        font-family: PingFangSC-regular;
        line-height: 5vw;
        font-size: 3.2vw;
        letter-spacing: 0.2vw;
    }
    // .content1{
    //     height: 22.13vw;
    //     margin-top: 4.26vw;
    //     margin-left: 4.26vw;
    // }
    // .content2{
    //     height: 10.4vw;
    //     margin-top: 4.26vw;
    //     margin-left: 4.26vw;
    // }
    // .content3{
    //     height: 28vw;
    //     margin-top: 8.53vw;
    //     margin-left: 4.26vw;
    // }
    // .content4{
    //     height: 10.4vw;
    //     margin-top: 8.53vw;
    //     margin-left: 4.26vw;
    // }
    // .titlea{
    //     height: 4.53vw;
    //     margin-top: 8.53vw;
    //     margin-left: 4.26vw;
    //     line-height: 3.73vw;
    //     text-align: left;
    //     font-size: 3.73vw;
    // }
    // .content5{
    //     height: 16.26vw;
    //     margin-top: 4.26vw;
    //     margin-left: 4.26vw
    // }
    // .img{
    //     margin-top: 8.53vw;
    //     width: 100%;
    // }
    // .content6{
    //     height: 28vw;
    //     margin: 7.2vw 0 0 4.26vw;
    // }
    // .content7{
    //     height: 18.13vw;
    //     margin: 8.53vw 0 0 4.26vw;
    // }
    // .content8{
    //     height: 18.13vw;
    //     margin: 8.53vw 0 0 4.26vw;
    // }
}

</style>